<script language="JavaScript">
    function checkinput(){
        var input = $("#search-input").val();
        if(input ==  null || input == ''){
            return false;
        }
        return true;
    }
</script>
<script language="javascript" type="text/javascript" src="/static/js/main.js"></script>
<script language="javascript" type="text/javascript" src="/static/js/popwin.js"></script>
<script language="javascript" type="text/javascript" src="/static/js/mouse.js"></script>
<script language="javascript" type="text/javascript" src="/static/js/d-login.js"></script>
<header id="top" role="banner" class="transition">
    <!--搜索弹窗 开始-->
    <div class="box">
        <div class="box2">
            <div class="icon icon-search-close js-show-search-box"><a class="close"></a></div>
            <div class="search-content overlay-dialog-animate">
                <div class="search-input">
                    <form role="search" method="get" action="/static/search.html" onsubmit="return checkinput()">
                        <button type="submit"></button>
                        <input placeholder="请输入关键字" name="s" id="search-input">
                    </form>
                </div>
                <div class="search-history hide" id="history">
                    <span>我的搜索历史</span>
                    <ul class="transition" id="history_ul">
                        <li class="transition"><a href="javascript:void(0)">数码</a></li>
                        <li class="transition"><a href="javascript:void(0)">科技</a></li>
                        <li class="transition"><a href="javascript:void(0)">科技</a></li>
                        <li class="transition"><a href="javascript:void(0)">互联网</a></li>
                        <li class="transition"><a href="javascript:void(0)">汽车之家</a></li>
                    </ul>
                    <div class="pull-right empty-history js-empty-history">清空历史</div>
                </div>
                <div class="search-history search-hot">
                    <strong>热搜词</strong>
                    <ul>
                        <li class="transition"><a href="javascript:void(0)">数码</a></li>
                        <li class="transition"><a href="javascript:void(0)">科技</a></li>
                        <li class="transition"><a href="javascript:void(0)">互联网</a></li>
                        <li class="transition"><a href="javascript:void(0)">汽车之家</a></li>
                        <li class="transition"><a href="javascript:void(0)">Uber</a></li>
                        <li class="transition"><a href="javascript:void(0)">支付宝</a></li>
                        <li class="transition"><a href="javascript:void(0)">大数据</a></li>
                        <li class="transition"><a href="javascript:void(0)">创业</a></li>
                        <li class="transition"><a href="javascript:void(0)">旅游</a></li>
                        <li class="transition"><a href="javascript:void(0)">美团</a></li>
                        <li class="transition"><a href="javascript:void(0)">社交</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--搜索弹窗 结束-->

    <div class="container">
        <div class="navbar-header transition">
            <a href="/" title="首页"><img src="/static/images/logo.jpg" alt="虎嗅网" title="首页" /></a>
        </div>
        <ul class="nav navbar-nav navbar-left" id="jsddm">
            <li class="nav-news js-show-menu">
                <a href="#">资讯 <span class="caret"></span></a>
                <ul>
                    <li><a href="javascript:void(0)" target="_blank">电商消费</a></li>
                    <li><a href="javascript:void(0)" target="_blank">娱乐淘金</a></li>
                    <li><a href="javascript:void(0)" target="_blank">雪花一代</a></li>
                    <li><a href="javascript:void(0)" target="_blank">人工智能</a></li>
                    <li><a href="javascript:void(0)" target="_blank">车与出行</a></li>
                    <li><a href="javascript:void(0)" target="_blank">智能终端</a></li>
                    <li><a href="javascript:void(0)" target="_blank">医疗健康</a></li>
                    <li><a href="javascript:void(0)" target="_blank">金融地产</a></li>
                    <li><a href="javascript:void(0)" target="_blank">企业服务</a></li>
                    <li><a href="javascript:void(0)" target="_blank">创业维艰</a></li>
                    <li><a href="javascript:void(0)" target="_blank">社交通讯</a></li>
                    <li><a href="javascript:void(0)" target="_blank">全球热点</a></li>
                    <li><a href="javascript:void(0)" target="_blank">生活腔调</a></li>
                </ul>
            </li>
            <style>
                #jsddm ul{position: absolute; visibility: hidden; background:#fff; width:250px;  top:60px; left:-50px; z-index:9999; box-shadow:0 1px 15px rgba(18,21,21,.2);padding:10px 5px;}
                #jsddm ul li{ float:left; width:105px; padding-left:20px; line-height:40px;}
            </style>
            <li class="nav-news"><a href="javascript:void(0)">热议<span class="nums-prompt nums-prompt-topic"></span></a></li>
            <li class="nav-news"><a href="javascript:void(0)">活动</a></li>
            <li class="nav-news"><a href="javascript:void(0)">创业白板<span class="nums-prompt"></span></a></li>
            <li class="nav-news"><a href="javascript:void(0)">会员专享<em class="nums-prompt"></em></a></li>
            <li class="nav-news"><a href="javascript:void(0)">官方Blog</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right transition  xiala main_nav">
            <li class="search-li js-show-search-box"><a><i class="icon icon-search"></i></a><span>搜索</span></li>
            <li class="login-link-box"><a class="cd-signin">登录</a></li>
            <li ><a class="cd-signup" >注册</a></li>
            <li><a class="cd-tougao">投稿</a></li>
        </ul>
    </div>
    <div class="cd-user-modal">
        <div class="cd-user-modal-container">
            <div id="cd-login"> <!-- 登录表单 -->
                <div class="modal-alert-title">登录虎嗅</div>
                <div class="register" >
                    <div class="register-top" id="reg-top"><i><a id="qrcode" href="#"></a></i></div>
                    <div class="register-con" id="rc">
                        <div class="login-form username-box " style="margin-top:52px;">
                            <a class="js-open-sms-login sms-text" style="display:none">短信快捷登录</a>
                            <label class="login-label transition" >
                                <input id="login_username" class="login-input" placeholder="手机号／邮箱／虎嗅账号">
                            </label>
                            <label class="login-label">
                                <input id="login_password" class="login-input password" type="password" placeholder="输入6～24位密码">
                            </label>
                            <a class="js-label-select label-select-box hide login-label-select text-center"><span class="js-country-user">+86</span><i class="icon-modal icon-l-caret"></i></a>
                            <div class="login-operation" style="display: none;">
                                <label><input id="autologin" type="checkbox">&nbsp;2周内自动登录</label>
                                <a href="/static/user/reset_password" class="js-forget-passward pull-right">忘记密码</a>
                            </div>
                            <button class="js-btn-login btn-login">登&nbsp;录</button>
                        </div>
                        <div class="js-open-register register-text">用户注册</div>
                    </div>
                </div>
            </div>
            <div id="cd-signup"> <!-- 注册表单 -->
                <div class="modal-alert-title">用户注册</div>
                <div class="user-register-box">
                    <div class="login-form sms-box">
                        <label class="login-label transition">
                            <input id="p_name" class="login-input username" placeholder="姓名">
                        </label>
                        <label class="login-label">
                            <input id="p_nick_name" class="login-input username" placeholder="昵称">
                        </label>
                        <label class="login-label">
                            <input id="p_email" class="login-input username" placeholder="Email">
                        </label>
                        <button class="js-btn-sms-login btn-login">注&nbsp;册</button>
                    </div>
                    <div class="js-user-login register-text">已有账号，立即登录</div></div>
            </div>
            <a href="#0" class="cd-close-form ">关闭</a>
        </div>
    </div>

    <div id="cd-signup"> <!-- 注册表单 -->
        <div class="modal-alert-title">用户注册</div>
        <div class="user-register-box">
            <div class="login-form sms-box">
                <label class="login-label transition">
                    <input id="p_name" class="login-input username" placeholder="姓名">
                </label>
                <label class="login-label">
                    <input id="p_nick_name" class="login-input username" placeholder="昵称">
                </label>
                <label class="login-label">
                    <input id="p_email" class="login-input username" placeholder="Email">
                </label>
                <button class="js-btn-sms-login btn-login">注&nbsp;册</button>
            </div>
            <div class="js-user-login register-text">已有账号，立即登录</div>
        </div>
    </div>
</header>

